<template>
	<view class="pagevideo">
		<view class="flex benben-position-layout flex flex-wrap align-center course_flex_0"
			:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
			<view class='flex flex-wrap align-center justify-between flex-sub course_fd0_0'>
				<view class='flex flex-wrap align-center course_fd0_0_c0'>
				</view>
				<view class='flex flex-wrap align-stretch justify-center'>
					<text class='course_fd0_0_c1_c0'>视频</text>
				</view>
				<view class='flex flex-wrap align-center justify-end course_fd0_0_c0'>
				</view>
			</view>
		</view>
		<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
		<tw-videon :is-tabbar="isTabbar" ref="videoGroup" @lodData="loadingData" @refreshData="refreshData"
			@handle-menu="handleMenu" :nextPlay="nextPlay"></tw-videon>
		<comment-popup ref="commentPopup" :is-tabbar="isTabbar" @loadData="discussLoadData" @sendMsg="sendMsg"
			@close="closePopup" :discuss-num="activeData.discussNum" :author-id="activeData.user_id"></comment-popup>
		<share-popup @close="closePopup" @handleMenu="handleMenu" :info="activeData" ref="sharePopup"></share-popup>
		<shop-popup @close="closePopup" ref="shopPopup" @handleItem="handleGoods"
			:goods-list="activeData.grass_goods"></shop-popup>
	</view>
</template>
<script>
	import videoDetailNew from './index.js'
	import twVideon from '@/components/tsp-video/tsp-video-list/video-v.vue'
	import commentPopup from '@/components/tsp-video/comment-popup/comment-popup.vue'
	import shopPopup from '@/components/tsp-video/shop-popup/shop-popup.vue'
	import sharePopup from '@/components/tsp-video/share-popup/share-popup.vue'
	export default {
		mixins: [videoDetailNew],
		components: {
			twVideon,
			commentPopup,
			shopPopup,
			sharePopup,
		},
	}
</script>
<style>
	@import url('./pageConfig.scss');

	.page {
		background-color: #000000;
		flex: 1;
	}

	.automatic {
		position: absolute;
		z-index: 20;
		top: 120rpx;
		left: 50rpx;
		font-size: 32rpx;
		color: blue;
	}
</style>